<template>
<div>
    <div class="box">
          <div class="about">
       <span class="el-icon-tickets" ></span>
       <p>关于我们</p>
       
    </div>
    <div class="downline"></div>
    <p>Store （参考小米商城）</p>
       <el-divider></el-divider>
    <p>前言</p>
        <el-divider></el-divider>
      <span>
        2020年寒假尤其特殊，因为新型冠状病毒肺炎疫情，学校至今没有开学。想起上学期利用课余时间学习了Vue.js、Node.js，一直想做个完整的项目实战一下，但之前在学校并没有那么多的时间。现在恰好有时间，就想着做一个项目巩固之前学到的东西。<br><br>

思来想去，最后决定模仿 小米商城 做一个电商项目。可能时间隔得有点久了，之前学的东西很多都差不多忘记了，做这个项目基本上都是看着官方的文档一点一点做的。在家里也免不了有各种各样的事情耽误了项目的进度。现在终于差不多做好了，分享出来，新手上路，如有错误，请多多指教。
      </span>
      <p>说明</p>
        <el-divider></el-divider>
      <span>
        本项目前后端分离，前端参考 小米商城 实现，但与小米官方没有关系，纯属个人瞎搞，若需要购买小米产品请到小米官方商城。<br><br>

这是本项目的前端，后端请移步到store-server 。<br><br>

前端已经部署在阿里云，欢迎访问 http://106.15.179.105/ （没有兼容移动端，请使用电脑访问）。<br><br>

后端也已经部署在阿里云，接口地址已经修改为线上地址，本地运行前端也可以正常访问后端。<br><br>

本人在读本科大三，今年暑假即将开始实习，后面的时间可能没有那么的自由，但会不定期的更新完善该项目，如有问题请直接在 Issues 中提。<br><br>

如果觉得这个项目还不错，您可以点右上角 Star支持一下， 谢谢！ _<br><br>
      </span>
      <p>项目简介</p>
        <el-divider></el-divider>
      <span>
          本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。<br><br>

前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面。<br><br>

实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、注册、用户购物车、订单结算、用户订单、用户收藏列表以及错误处理功能。<br><br>

后端采取了MVC模式，根据前端需要的数据分模块设计了相应的接口、控制层、数据持久层。后端传送地址store-server 。<br><br>
      </span>
    </div>
   
</div>
   

</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.box{
  width: 1200px;
  background-color: white;
  margin: 0 auto;
 
}
.about{
display: flex;


}
.el-icon-tickets{
    font-size: 50px;
    color: orange;
}
p{
    font-size: 30px;
    margin-top: 8px;
}
.downline{
    width: 100%;
    height: 2px;
    background-color: orange;
}

</style>